<h2>{%$category->title%}</h2>


<form action="{%$category->href%}" method="post" id="regForm">
   <table cellpadding="0" cellspacing="0" width="100%" class="reg_tb"><tr>
         <td width="140">Ваш логин: <b>*</b></td>
         <td><input type="text" class="text" name="f_login" id="f_login" /></td>
      </tr><tr>
         <td></td>
         <td>
            <a href="javascript:void(0);" onclick="return checkLogin4free();">Проверить</a>
            <span id="f_login_info" style="display:none;"></span>
         </td>
      </tr><tr>
         <td>Контактный e-mail: <b>*</b></td>
         <td><input type="text" class="text" name="f_email" id="f_email" /></td>
      </tr><tr>
         <td>Ваш пароль: <b>*</b></td>
         <td><input type="password" class="text" name="f_pwd" id="f_pwd" /></td>
      </tr><tr>
         <td>Пароль еще раз: <b>*</b></td>
         <td><input type="password" class="text" name="f_pwd_confirm" id="f_pwd_confirm" /></td>
      </tr><tr>
         <td>Фамилия: <b>*</b></td>
         <td><input type="text" class="text" name="f_surname" id="f_surname" /></td>
      </tr><tr>
         <td>Имя: <b>*</b></td>
         <td><input type="text" class="text" name="f_name" id="f_name" /></td>
      </tr><tr>
         <td>Отчество: </td>
         <td><input type="text" class="text" name="f_fname" id="f_fname" /></td>
      </tr><tr>
         <td>Телефон с кодом: <b>*</b></td>
         <td><input type="text" class="text" name="f_phone" id="f_phone" /></td>
      </tr><tr>
         <td>Страна: <b>*</b></td>
         <td><input type="text" class="text" name="f_country" id="f_country" /></td>
      </tr><tr>
         <td>Почтовый индекс: <b>*</b></td>
         <td><input type="text" class="text" name="f_index" id="f_index" /></td>
      </tr><tr>
         <td>Город: <b>*</b></td>
         <td><input type="text" class="text" name="f_city" id="f_city" /></td>
      </tr><tr>
         <td>Область (регион): <b>*</b></td>
         <td><input type="text" class="text" name="f_region" id="f_region" /></td>
      </tr><tr>
         <td>Адрес: <b>*</b></td>
         <td><input type="text" class="text" name="f_address" id="f_address" /></td>
      </tr><tr>
         <td width="140">Дата рождения: <b>*</b></td>
         <td>
            <select name="f_day" id="f_day">
               {%section loop=31 name='i'%}
               <option value="{%$smarty.section.i.iteration%}">{%$smarty.section.i.iteration|string_format:'%02d'%}</option>
               {%/section%}
            </select>

            <select name="f_month" id="f_month">
               <option value="1">Январь</option>
               <option value="2">Февраль</option>
               <option value="3">Март</option>
               <option value="4">Апрель</option>
               <option value="5">Май</option>
               <option value="6">Июнь</option>
               <option value="7">Июль</option>
               <option value="8">Август</option>
               <option value="9">Сентябрь</option>
               <option value="10">Октябрь</option>
               <option value="11">Ноябрь</option>
               <option value="12">Декабрь</option>
            </select>

            {%assign var='start_year' value=$smarty.now|date_format:'%Y'%}
            {%assign var='start_year' value=$start_year-15%}
            <select name="f_year" id="f_year">
               {%section loop=65 name='i'%}
               <option value="{%$start_year%}">{%$start_year%}</option>
               {%assign var='start_year' value=$start_year-1%}
               {%/section%}
            </select>
         </td>
      </tr><tr>
         <td>Пол: <b>*</b></td>
         <td>
            <input type="radio" name="f_gender" id="f_gender_m" value="mail" /> - <label for="f_gender_m">мужчина</label>
            <input type="radio" name="f_gender" id="f_gender_f" value="mail" /> - <label for="f_gender_f">женщина</label>
         </td>
      </tr><tr>
         <td>Ваше фото:  <b>*</b></td>
         <td><input type="file" size="29" name="f_photo" id="f_photo" /></td>
      </tr>
      <tr>
         <td align="right"><input type="checkbox" name="f_agree" id="f_agree" /></td>
         <td><label for="f_agree" style="padding-left:10px;">- Я согласен с <a href="">правилами пользования</a> сервисом.</label></td>
      </tr>
      <tr>
         <td></td>
         <td><input type="submit" name="submit" value="Зарегистрироваться" /></td>
      </tr>
   </table>

</form>

<script type="text/javascript" src="/usr/js/jquery.validate.js"></script>
<script type="text/javascript">
   function checkLogin4free()
   {
      var login = $('#f_login').val();
      if(login)
      {
         $("#f_login_info").addClass('loader-kit').show();
         $.getJSON('{%$category->href%}', {f_login:login}, function(data, status){
            if(data)
            {
               $("#f_login_info").removeClass('loader-kit').html('Логин <b>'+login+'</b> свободен');
            } else
            {
               $("#f_login_info").removeClass('loader-kit').html('Логин <b>'+login+'</b> занят');
            }
         });
      }
   }

   function toggleStore()
   {
      $('#switchStore').toggleClass('close');
      $('#store_reg').slideToggle('fast');
      $('#submit_first').toggle(1);

      if($('#switchStore').hasClass('close'))
      {

      } else
      {
         $('#f_photo').rules('add', {
            required: true,
            accept: "jpg|jpeg|png",
            messages: {
               required: 'Вы не добавили свою фотографию',
               accept: 'Вы пытаетесь добавить файл не подходящего формата. Вы можете добавлять файлы с расширением .JPG, .PNG'
            }
         });
         $('#f_ocupation').rules('add', {required: 'Это поле объязательно для заполнения.'});
      }

      return false;
   }

   $(document).ready(function(){
      $('#regForm').validate({
         errorPlacement: function(error, element) {
            while(element.attr('tagName') != 'TD') element = element.parent();
            if(!$('label.error', element).size()) error.appendTo(element);
         },
         rules:{
            f_login: {
               required: true,
               minlength: 3,
               remote: '{%$category->href%}'
            },
            f_email: {
               required: true,
               email: true
            },
            f_pwd: {
               required: true,
               minlength: 3,
               equalTo: "#f_pwd_confirm"
            },
            f_surname: 'required',
            f_name: 'required',
            f_phone: 'required',
            f_country: 'required',
            f_index: {
               required: true,
               number: true
            },
            f_city: 'required',
            f_region: 'required',
            f_address: 'required',
            f_day: 'required',
            f_month: 'required',
            f_year: 'required',
            f_gender: 'required'
         },
         messages: {
            f_login: {
               required: 'Это поле объязательно для заполнения.',
               minlength: 'Логин должен содержать не менее трех символов',
               remote: 'Этот логин уже зарегистрирован'
            },
            f_email: {
               required: 'Это поле объязательно для заполнения.',
               email: 'Введенные данные не похожи на электронный адрес'
            },
            f_pwd: {
               required: 'Это поле объязательно для заполнения.',
               minlength: 'Пароль должен содержать не менее трех символов',
               equalTo: 'Введенные пароли не соответствуют друг другу'
            },
            f_surname: 'Это поле объязательно для заполнения.',
            f_name: 'Это поле объязательно для заполнения.',
            f_phone: 'Это поле объязательно для заполнения.',
            f_country: 'Это поле объязательно для заполнения.',
            f_index: {
               required: 'Это поле объязательно для заполнения.',
               number: 'Это поле должно содержать только цифры'
            },
            f_city: 'Это поле объязательно для заполнения.',
            f_region: 'Это поле объязательно для заполнения.',
            f_address: 'Это поле объязательно для заполнения.',
            f_day: 'Выберите дату Вашего рождения',
            f_month: 'Выберите дату Вашего рождения',
            f_year: 'Выберите дату Вашего рождения',
            f_gender: 'Укажите свой пол.'
         }
      });
   });
</script>